<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
		<title></title>
		<style type="text/css">
			img{
				width: 150px;
				height: 200px;
				display: block;
				margin: 10px;
			}
			/*.one span{
				color: red;
			}
			.two img{
				border: 2px solid goldenrods;				
			}
			li+li{
				list-style: none;
				font-family: "微软雅黑";
				font-size: 30px;
			}本来是class="one"*/
			
			/*#two{
				border: 5px dotted #0000FF;
			}*/
			ul{
				width: 400px;
			}
			a:link{
				color: gray;
				text-decoration: none;
			}
			a:visited{
				color: goldenrod;
			}
			a:active{
				color: red;
			}
			a:hover{
				color: blue;
			}
			li:first-child{
				font-size: 30px;
			}
			a:first-line{
				font-weight: 900;
			}
			.one span:after{
				content:"very good!";
			}
		</style>
	</head>
	<body>
		<ul>
			<li class="one">
			<img src="../img/img0.jpg" />
				<a href=""><span>python秘籍</span></a>
			</li>
			<li id="two">
				<img src="../img/img1.jpg" />
				<a href="#"><img src="../img/img1.jpg" /><span>python一月通</span></a>
			</li>
			<li class="one">
				<img src="../img/img2.jpg" />
				<a href="">python爬虫案例集</a>
			</li>
		</ul>
	</body>
</html>